<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>demo1</title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<meta name="viewport" content="width=device-width"/>
	<link rel="shortcut icon" href="img/touchicon.png"/>
	<link rel="stylesheet" href=""/>
	<style type="text/css">
		.tablenew{margin:50px auto;border-collapse:collapse;}
		.tablenew td{width:30px;height:30px;}
	</style>
</head>
<body>
	<div id="box">
	</div>
	<script>
	var tableNew = document.getElementById('box');
		for (var i=0,s=''; i<10; i++) {
			for (var j=0,s1=''; j<10; j++) {
				s1 += '<td></td>';
			}
			s += '<tr>'+ s1 +'</tr>';
		}
		tableNew.innerHTML = '<table class="tablenew" border=1>'+ s +'</table>' ;
	</script>
</body>
</html>